.content{
	.userInfo{
		display: flex;
		background-color: #1677FE;
		justify-content: space-between;
		padding: 60rpx 25rpx;
		.imgbox{
			display: flex;
			.u-avatar-demo {
					width: 100rpx;
					height: 100rpx;
					border-radius: 100rpx;
					border-radius: 50%;
				}
				.u-avatar-tq {
					width: 46rpx;
					height: 46rpx;
					justify-self: end;
					margin-top: 14rpx;
				}
				.info{
					color: #fff;
					padding: 7rpx 0 0 24rpx;
					.top_text{
						font-size: 36rpx;
						font-weight: 700;
						line-height: 47rpx;
						letter-spacing: 3.6rpx;
					}
					.top_subtext{
						display: inline-block;
						font-size: 24rpx;
						line-height: 28rpx;
						opacity: 0.75;
						padding: 6rpx 17rpx;
						background: rgba(#FFF, 0.2);
						border-radius: 4rpx;
						margin-left: 16rpx;
					}
					.info_footer{
						display: flex;
						margin-top: 60rpx;
						font-size: 36rpx;
						&-right{
							margin-left: 160rpx;
						}
						.small_text{
							font-size: 24rpx;
						}
						.footer_text{
							opacity: 0.75;
						}
					}
				}
		}
		
	}
	.my-content{
		.my-content-list{
			display: flex;
			justify-content: space-between;
			margin: 0 24rpx;
			padding: 40rpx 0;
			background-color: #fff;
			color: #333;
			font-size: 28rpx;
			border-bottom:4rpx solid #ECECEC ;
			.icons{
				width: 40rpx;
				height: 40rpx;
			}
			.my-content-list-title{
				display: flex;
				flex:1;
				align-items: center;
				justify-content: space-between;
				&>text{
					margin-left: 24rpx;
				}
			}
		}
	}
}